
body,html{
	margin:0px;
	font-family:Helvetica, arial,clean,sans-serif;
	background:#5C5C5C;
	font-size:14px;
}


.banner{width:100%; height:95px; position:absolute; top:0px; left:0px; 
background-color:#B31B1B; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;z-index: 2;} 
.header{
position:absolute;
left:50%;
margin-left:-510px;
overflow:hidden;}
.logo{
	height:35px; 
	position:absolute; 
	left:50px; top:20px; 
	font-family:Georgia;
	font-size:50px; 
	white-space:nowrap;
}

/*.menu{
	text-align:center;
	height:30px;
	width:100%; 
	position:absolute;
	
	top:95px;
	left:0px;
	border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
	background-color:#000000;
	font-family:Helvetica;
	z-index:10; 
}

ul.m
{position:relative;
	left:50%;
	top:0px;
	width:960px;
list-style-type:none;

margin-top:0px;
padding:0;
padding-top:5px;
padding-bottom:5px;
z-index: 10;

}
li.m
{
display:inline;
}
a.m:link,a.m:visited
{
font-weight:bold;
font-size:15px;
color:#FFFFFF;
background-color:#000000;
text-align:center;
padding:6px;
text-decoration:none;

}
a.m:hover,a.m:active
{
background-color:#333333;
color:#FFFFFF;
}

#nav2{
	position:absolute;
	left:50%;
	top:0px;
	width:960px;
list-style-type:none;
margin-left:-475px;
margin-top:0px;
padding:0;
padding-top:0px;
padding-bottom:5px;
display:block;
}
#nav2 li{
	float:left;
	margin-right:10px;
	position:relative;
}




#nav2 a{
	display:block;
	font-size:15px;
	font-weight:bold;
	padding:5px;
	color:#fff;
	background:#000000;
	text-decoration:none;
}
#nav2 a:hover{
	text-decoration:underline;
}
*/
/*--- DROPDOWN ---*/
#nav2 ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav2 ul li{
	padding-top:0px; /* Introducing a padding betweena the li and the a give the illusion spaced items */
	float:none;
}
#nav2 ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav2 li:hover ul{ /* Display the dropdown on hover */
	left:-50px; /* Bring back on-screen when needed */
	
}
 li.drop:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background-color:#333333;
	
}
#nav2 li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav2 li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333333;
}

.calendar_container{
	position:relative;
	/*left:50%;
	margin-left:-150px;
	*/
}

table.hours{
	width: 300px;
}

.hours_container{
	margin-top: -10px;
	height: 125px;
}

.container_home{
	width:960px;
	height:800px;
	position:absolute;
	top:130px;
	left:50%;
	margin-left: -480px;
	float:left;
	margin-bottom:100px;
	
}


.head_pic{
	width:938px;
	height:278px;
	position:absolute;
	top:0px;
	left:0px;
	border:10px solid;
	border-color:#B31B1B;
	border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
    outline-style:solid;
    outline-width:1px;
    outline-color: #000000;
}

.search_Box{
	
	padding-bottom:10px;
	position:absolute;
	z-index:12;
	left: 15px;
	top:195px;
	width: 300px;
	border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
	background: #fefefe;
	/*opacity:0.8;*/
	border:1px solid black;
	-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
box-shadow: 5px 5px rgba(0,0,0,0.5);
	
	}
	
#searchOptions{
	font-size: 12px;
text-align: left;
text-decoration: none;
color: #000000;
margin-bottom: 8px;
}	

.search{
	
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	visibility:visible;
	}
	.searchVid{
	position:absolute;
	top:53px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	visibility:hidden;
	}
	
	.searchJourn{
	position:absolute;
	top:53px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	visibility:hidden;
	}

.search_list:link{
	text-decoration:none;
	color:#000000;
}

.search_list:hover{
	color:#B31B1B;
}

.search_buttons{
	
	margin-top:0px;
	text-align:center;
	margin-bottom: 5px;
	
	
	}

p.foxhunt
{
	margin-top:10px;
	margin-bottom:20px;
	
	font-size:24px;
	font-weight:bold;
	text-align:center;
	}

p.reTool
{
	
	padding-top:4px;
	font-weight:bold;
	margin:0px

}

img.reTool
{
	margin-right:10px;
	float:left;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;	
	border-color: #FFFFFF;
}
	
a.fox:link,a.fox:visited
{
font-weight:bold;
font-size:20px;
color:#B31B1B;
text-align:center;
text-decoration:none;


}
a.fox:hover,a.fox:active
{
color:#B70606;
text-decoration:underline;
}

a.foxData:link,a.foxData:visited
{
display:block;
font-size:12px;
color:#000000;
text-align:left;
padding-left:30px;
padding-bottom:5px;
text-decoration:none;
width:100%;
height:100%;
background-color:#DADADA;
float:left;
vertical-align:middle;
 
  /* chrome 2+, safari 4+; multiple color stops */
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.50,#EBEBEB),color-stop(0.50,#DADADA));
  /* chrome 10+, safari 5.1+ */
  background-image:-webkit-linear-gradient(#EBEBEB,#DADADA);
  /* firefox; multiple color stops */
  background-image:-moz-linear-gradient(top,#EBEBEB,#DADADA);
  /* ie 6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#DADADA');
  /* ie8 + */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#DADADA')";
  /* ie10 */
  background-image: -ms-linear-gradient(#EBEBEB,#DADADA);
  /* opera 11.1 */
  background-image: -o-linear-gradient(#EBEBEB,#DADADA);
  /* The "standard" */
  background-image: linear-gradient(#EBEBEB,#DADADA);


}
a.foxData:hover,a.foxData:active
{


background-color:#908989;
/* chrome 2+, safari 4+; multiple color stops */
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.50,#DADADA),color-stop(0.50,#CBCBCB));
  /* chrome 10+, safari 5.1+ */
  background-image:-webkit-linear-gradient(#DADADA,#CBCBCB);
  /* firefox; multiple color stops */
  background-image:-moz-linear-gradient(top,#DADADA,#CBCBCB);
  /* ie 6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DADADA', endColorstr='#CBCBCB');
  /* ie8 + */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DADADA', endColorstr='#CBCBCB')";
  /* ie10 */
  background-image: -ms-linear-gradient(#DADADA,#CBCBCB);
  /* opera 11.1 */
  background-image: -o-linear-gradient(#DADADA,#CBCBCB);
  /* The "standard" */
  background-image: linear-gradient(#DADADA,#CBCBCB);
  border:1px solid;
border-color: #CBCBCB;
}

a.fox2:link,a.fox2:visited
{

height:100%;
display:block;
font-size:24px;

text-decoration:none;
color:#333;

}
.fox2:hover,.fox2:active
{
opacity:.5;
text-decoration:none;
color:#000000;
}

img.fox2{
	border-color: white;
}


.quick_links{
	width:300px;
	height:455px;
	float:left;
    padding:5px;
    padding-top:0px;
    margin-right:10px;
	margin-left:10px;
}

.head{
	height:25px;
	text-align: center;
	color:#B31B1B;
	font-weight:bold;
	font-size:17px;
	padding-top:5px;
	border-bottom:1px solid black;
	width:100%;
	
}

.features{
	height:25px;
	text-align: center;
	color:#B31B1B;
	font-weight:bold;
	font-size:17px;
	padding-top:5px;
	border-bottom:1px solid black;
	
	
}

td.list{
	padding:15px;
	font-size:15px;
	border: 1px;
}

a.quick{
	text-decoration:none;
	color:#000000;
	
}



ul.quick
{
list-style-type:none;
margin:0;
padding:0;
padding-top:0px;
padding-bottom:0px;
text-align:left;
height: 165px;
}
.quickList
{
list-style-type:none;
margin:0px;
margin-left:0px;
padding:0px;
padding-top:0px;
padding-bottom:0px;
height: 185px;
}

.linkList2
{
	width:270px;
	overflow:hidden;
	padding-bottom:5px;
	
	
}
.linkList
{
	margin-bottom: 5px;
	height:30px;
width:350px;

border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
overflow:hidden;

}
li.quick_grey
{
background-color:#DADADA;

}
.twitterFeed{
	width:300px;
	height:455px;
	float:left;
        padding:5px;
    padding-top:0px;
    margin-right:10px;
}
#twitterContainer{
	width:300px;
	height:362px;

}
.socialButton{
	position:relative;
	top:10px;
	/*left:50%;
	margin-left:-78px;*/
	float:left;
}


.list_2{
	padding:3px;
	font-size:14px;
	border: 1px;
	background-color:#FFFFFF;
	margin-bottom: 5px;
	
	
	
}

.list{
	padding:3px;
	font-size:14px;
	border: 1px;
	background-color:#F2F2F2;
	margin-bottom: 5px;
	
	
}

.featurelist_2{
	padding:3px;
	font-size:14px;
	border: 1px;
	background-color:#FFFFFF;

	height: 36px;
	
	
}

.featurelist{
	padding:3px;
	font-size:14px;
	border: 1px;
	background-color:#F2F2F2;

	height: 36px;
	
}
.socialButton{
	background-color:#F2F2F2;
}

.newsFeed{
	width:293px;
	height:455px;
	float:left;

	padding:5px;
padding-top:0px;
}
.new{
	text-align: center;
	color:#B31B1B;
	font-weight:bold;
	font-size:30px;
	padding-top:5px;
	border-bottom:1px solid black;
	background-color: #FFFFFF;
}



table.tbl {
border-radius:7px 7px 7px 7px / 7px 7px 7px 7px;
empty-cells: show;
border: 1px ;
margin: 0px;
width: 495px;
background-color: #ffffff;
border-spacing: 5px;
padding-top:10px;
height:520px;

}
tr.Box {
cursor: pointer;

}
table.tbl tr {
background: #F2F2F2;
}
table.tbl td{
padding: 3px 8px;
text-align: center;
}
table.tbl th {
padding: 3px 8px;
margin: 5px;
background:#908989;
}
.white{
padding: 3px 8px;
width:20px;
background:#FFFFFF;
}
.caption {
background-color: #CCC;
font-size: 100%;
border-bottom: none;
width: 50%;
text-align: center;
font-weight: bold;

}
td, th {
display: table-cell;
vertical-align: inherit;
text-align: left;
}
.formLabel{

font-weight: bold;	
}
a.fox_data:link, a.fox_data:visited
{
display:block;	
font-weight:bold;
font-size:30px;
text-align:center;
text-decoration:none;
width:100%;
height:100%;
background:#908989;

}
a.fox_data:hover, a.fox_data:active
{

color:#F2F2F2;

}

.exitContainer{
padding: 3px 8px;
width:20px;
background-color:#FFFFFF;
font-weight:bold;
font-size:20px;
}
a.exit:link, a.exit:visited
{
font-weight:bolder;
font-size:24px;
text-align:center;
background-color:#5C5C5C;


}
.bottom{
	position:relative;
	top:755px;
	width:100%;
	height:50px;
	
}
a.exit:hover, a.exit:active{color:#B31B1B;}



.divContainer
{
width:960px;
	/*height:750px;*/
	/*For Special Contents*/
	height:780px;
	position:absolute;
	top:5px;
	left:0px;
	border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
    
    background:#FFFFFF;
   
	padding-left:0px;
	
padding-top:0px;
margin-bottom:50px;
}

#specialContents{
	height: 20px;
	width: 960px;
}

.specials{
	font-size:20px;
	font-weight:bold;
	color:#B31B1B;
	background-color:#FFFFFF;
	text-align:center;
}

a.specials:hover{
	opacity: .5;
}

.alert{
	font-size:13px;
	font-weight:bold;
	color:#B31B1B;
	background-color:#FFFFFF;
	position:absolute;
	z-index: 20;
	top:0px;
	width:300px;
	height:25px;
	text-align:center;

	/*visibility:hidden;*/
}

a.headline:link, a.headline:visited
{
font-size:12px;
text-align:left;
text-decoration:none;
color: rgb(148, 148, 143);
margin-top:-50px;
height:30px;
color: #333;


}

a.headline:hover
{
font-size:12px;
text-align:left;
text-decoration:none;
color:#B31B1B;
margin-top:-50px;
height:30px;
}

.hidden{
	visibility: hidden;
}

.catalogHeader{
	color:#000000;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin:0px;
	margin-top:6px;
	font-family:Bodoni MT;
	width: 260px;
	
}


 #vtab {

            margin: auto;

            width: 800px;

            height: 100%;

        }

        #vtab > ul > li {

           

        }

        #vtab > ul > li.home {

            background: url('home.png') no-repeat center center;

        }

        #vtab > ul > li.login {

            background: url('login.png') no-repeat center center;

        }

        #vtab > ul > li.support {

            background: url('support.png') no-repeat center center;

        }

        #vtab > ul > li.selected {

            opacity: 1;

            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

            border: 1px solid #ddd;

            border-right: none;

            z-index: 10;

            background-color: #fafafa !important;

            position: relative;

        }

        #vtab > ul {

            
        }

        #vtab > div {

            background-color: #fafafa;

         	width:490px;

            border: 1px solid #ddd;

            min-height: 500px;

            padding: 12px;

            position: absolute;
            
            left:410px;
            
            top:0px;

            z-index: 9;

            -moz-border-radius: 20px;

        }

        #vtab > div > h4 {

            color: #800;

            font-size: 1.2em;

            border-bottom: 1px dotted #800;

            padding-top: 5px;

            margin-top: 0;

        }

        #loginForm label {

            float: left;

            width: 100px;

            text-align: right;

            clear: left;

            margin-right: 15px;

        }

        #loginForm fieldset {

            border: none;

        }

        #loginForm fieldset > div {

            padding-top: 3px;

            padding-bottom: 3px;

        }

        #loginForm #login {

            margin-left: 115px;

        }

.ask_form{
	width:505px;
	visibility:hidden;
	position:absolute;
	left:410px;
	border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
    border:1px solid black;
    background:#FFFFFF;
   
	padding-left:10px;
	
padding-top:0px;
	
}

.dataBase{
	width:505px;
	visibility:hidden;
	position:absolute;
	left:410px;
top:307px;
	border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
    border:1px solid black;
    background:#FFFFFF;
    padding-left:10px;
    padding-top:0px;
    padding-bottom:5px;
	
}


.test{
	
	visibility:hidden;
		
}
.test_container{
	
}


#gallery {
  position:relative;
  margin: 0 auto;
  width: 760px;
}
#gallery img {
  position:absolute;
  top:25px;
  left:25px;
  display: none;
}
#gallery img.active {
  display:block;
}



a.map_link:link, a.map_link:visited{
	color:#B31B1B;
	font-style:italic;
}

.lib_image{
	width:940px;
	margin-left:10px;
	margin-top:10px;
	height:280px;
	border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
}

.foxhunt_logo{
	margin-bottom:-4px;
	margin-right:5px;
	height:25px;
}

#slideshow {
	
	width:940px;
	margin-left:10px;
	margin-top:10px;
    position:relative;
    height:280px;
    
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:5;
    border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
}

#slideshow IMG.active {
    z-index:7;
    border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
}

#slideshow IMG.last-active {
    z-index:6;
    border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
}

.summon_search{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:15px;
	margin-right:15px;

}

.search_button{
	background-image:url(http://library.marist.edu/images/magnifying_glass.png);
	height: 25px;
	width: 25px;
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	
	
	
	border: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: initial;
	border-right-style: initial;
	border-bottom-style: initial;
	border-left-style: initial;
	border-top-color: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	border-left-color: initial;

	cursor: pointer;
	padding: 0;
	filter: none;
	border-radius: 0px 7px 7px 0px / 0px 7px 7px 0px;
	
}

.summon_search_bar{
	height:19px; 
	width:235px; 
	float:left; 
	padding-right:5px;
	border-radius: 7px 0px 0px 7px / 7px 0px 0px 7px;
}


.feature_icon{
	float:left;
	padding-right:10px;
	height:35px;
	width: 35px;
	border-color: #FFFFFF;

}
.fdata_link{
	margin-top:5px;
	margin-right:15px;
	float:right;
	font-size:12px;
	color:#333;
	margin-bottom:-5px;
	
}



.fdata_link:hover{
	color:#B31B1B;
}


.foot{
	text-align:center;
	color:#333;
	font-size:13px;
	width:100%;
	/*For special Contents*/
	margin-top:35px;
}
.foot a:link{
	color:#333;
	
}
.foot a:visited{
	color:#333;
}

.foot a:hover{
	color:#B31B1B;
}


h3{
	margin:0px;
	margin-top:5px;	
	margin-bottom:-17px;
}

#container{
overflow-y: hidden;
	
}

/* Weather Plugin */
#wxWrap {
	margin-top:20px;
    width: 250px;
    background: #EEE; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
    padding: 2px 13px 2px 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   margin-bottom: 5px;
}
#wxIntro {
    display: inline-block;
    font: 14px/20px Arial,Verdana,sans-serif;
    color: #666;
    vertical-align: top;
    padding-top: 9px;
}
#wxIcon {
    display: inline-block;
    width: 61px;
    height: 34px;
    margin: 2px 0 -1px 1px;
    overflow: hidden;
    background: url('http://l.yimg.com/a/lib/ywc/img/wicons.png') no-repeat 61px 0;
}
#wxIcon2 {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 1px 6px 0 8px;
    overflow: hidden;
}
#wxTemp {
    display: inline-block;
    font: 20px/28px Arial,Verdana,sans-serif;
    color: #333;
    vertical-align: top;
    padding-top: 5px;
    margin-left: 0;
}

.icon:hover{
opacity: 0.5;	
}

#tutorials{
	width: 300px;
	height: 215px;
	margin-bottom: 5px;
	margin-top:-10px;
}
